<div q-view="myview">
    <div q-each="list">
        <div>
            index:<span q-text="{$index}+1"></span>
            name:<span q-text="{name}"></span>
            sex:<span q-text="{sex}"></span>
        </div>
    </div>

    <input q-click="mypush" type="button" value="push">
    <input q-click="mypop" type="button" value="pop">
    <input q-click="mysplice" type="button" value="splice">
    <input q-click="myshift" type="button" value="shift">
    <input q-click="myunshift" type="button" value="unshift">
    <input q-click="myconcat" type="button" value="concat">
</div>
<script>
    qc.view("myview", function (vm, ve) {
        vm.list = [{name: "Andy", sex: "male"}, {name: "lily", sex: "female"}];
        ve.mypush=function(){
            //array name+method
            vm.listpush({name: "Charles", sex: "male"})
        }
        ve.mypop=function(){
            //vm.listpop
        }
        ve.mysplice=function(){
            //vm.listsplice
        }
        ve.myunshift=function(){
             //vm.listunshift
        }
        ve.myconcat=function(){
            //vm.listconcat
        }

    })
</script>